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FIG.40 

HTML DATA 



510*< 



512-< 



<htmlx]head> 
<style type="text/css"> 
©media: tv{ 

keylist::"number.basic M 
#img1 { position:absolute; 

left:100px;top:100px;width:200px;height:200px; } 
#text{ positionrabsotute; 

left:1 00px;top:500px;width:200px;hefght:1 OOpx; } 
#button1{ position:absolute; 

left:500px;top:500px,-width:150px;height:50px; } 
#button2{ position:absolute; 

left:500px;top:600px,*width:1 50px;height:50px; } 

} 

</style> 
<script> 

function img1Goto() 
{ 

location.href= ,, http://aaa/bbb/ccc/s2.html"; 

} 

function img2Goto() 
{ 

location.href= M http://aaa/bbb/ccc/s3.htm^ , ; 

} 

</script></head> 
<body> 

<object id="img1"type="image/png n 

src="http://aaa/bbb/ccc/why.png"> 

</object> 

<object id= M text"typo= M text/plain" 
THIS IS TEST1 <p> 
THIS IS TEST2 

</object> 
<input id= M button1"type= ,, image/png M 

src="http://aaa/bbb/ccc/b1 .png M > 
onclick= M img1 Goto()" 
accesskey= ,, 1"> 

</!nput> 

<input id= M button2 ,, type= ,l image/png" 

src="http://aaa/bbb/ccc/b2.png n > 
onclick= ,, img2Goto()" 
accesskey="2"> 

</input> 
<body> 
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<html><]head> 
<style type="text/css"> 
keylist^basic" 
#text{ positionrabsolute; 

!eft:300px;top:50px;width:200px;height:50px; } 
#isge{ positionrabsolute; 

left:500px;top:300px;width:300px;height:50px; } 
#man{ positionrabsolute; 

left:400px;top:60Opx;width:30px;height:30px; } 

#woman{ positionrabsolute; 

left:600px;top:600px;width:30px;height:30px; } 

#best{ positionrabsolute; 

left:400px;top:700px;width:50px;height:30px; } 
#better{ positionrabsolute; 

Ieftr400px;top:800px;width:50px;height:30px; } 
#poor{ positionrabsolute; 

Ieft:400px;top:900px;widthr50px;height:30px; } 
</style><script> 

function funcage1(){ 

thisdocument.style.keylist="number.basic"; } 
function funcage2(){ 

thisdocument.style.keylis£="basic"; } 
</script></head> 
<body> 

<object id^'text'type^'text/plain" 

TV INQUIRY 
</object> 
</body> 
<form> 
AGE: 

<input id= M age M type= ,, text"onfocus= M f uncage 1 "onblur="f uncage2"> 
</input> 
SEX: 

<input id="man M type="radio"name= "sex" value="man"> MALE </input> 

<input id= ,, woman"type=: M radio ,, name= "sex" value="woman"> FEMALE </input> 

PROGRAM IMPRESSION : <p> 

<input id= "best" type= "radio"name= "prog" value= "best">VERY INTERESTING 
</input> 

<input id= "good" type= "radio" name= "prog"value= "better"> INTERESTING 
</input> 

<input id= "poor" type= "radio" name= "prog"value= "poor"> DULL 
</input> 
<form> 
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